*{margin: 0;padding: 0;}
li{
    list-style: none;
    float: left;
}
a{
    font-family: "微软雅黑";
    text-decoration: none;
}

//顶部部分开始（包括最顶部和搜索）
#header{
    width: 100%;
    height: 155px;
    .header1{
        width: 100%;
        height: 37px;
        background: #F3F3F3;
        .header1in{
            width: 1210px;
            height: 37px;
            margin: 0 auto;
            .headerul1{
                width: 566px;
                height: 36px;
                float: left;
                li{
                    width: 112px;
                    height: 36px;
                    a{
                        display: block;
                        color: #555555;
                        text-align: center;
                        margin-top: 7px;
                        height: 14px;
                        font-size: 12px;
                        border-right: 1px solid #B7B7B7;
                    }
                }
            }
            .headerul2{
                width: 480px;
                height: 36px;
                float: right;
                li{
                    width: 80px;
                    height: 36px;
                    a{
                        display: block;
                        color: #555555;
                        text-align: center;
                        margin-top: 7px;
                        height: 14px;
                        font-size: 12px;
                        border-right: 1px solid #B7B7B7;  
                        &:hover{
                            color: #E02726;
                        }
                    }
                }
            }
        }
    }
    .header2{
        width: 1210px;
        height: 88px;
        margin: 0 auto;
        margin-top: 30px;
        .header_logo{
            display: block;
            float: left;
        }
        .search_header2{
            float: right;
            width: 386px;
            height: 40px;
            border: 1px solid #DFDFDF;
            &:hover{
                border: 1px solid #DD2726;
            }
            span{
                width: 33px;
                height: 38px;
                float: left;
                background: url(../images/icon_index.png) 10px 10px no-repeat;
            }
            input{
                width: 260px;
                float: left;
                height: 38px;
                color: #a9a9a9;
                border: none;
            }
            a{
                display: block;
                width: 93px;
                height: 40px;
                background: #DD2726;
                text-align: center;
                line-height: 40px;
                color: white;
                float: left;
            }
        }
    }
}

//导航 start
#navAll{
    width: 100%;
    height: 46px;
    border-bottom: 2px solid #DD2726;
    .nav{
        width: 1210px;
        height: 44px;
        position: relative;
        margin: 0 auto;
        .pullDown{
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            .pullDownTitle{
                width: 233px;
                height: 48px;
                background: #C40000;
                a{
                    color: #fff;
                    font-weight: normal;
                    text-align: center;
                    line-height: 46px;
                    font-size: 16px;
                    display: block;
                }
            }
            .pullDownList{
                width: 233px;
                height: 400px;
                opacity: 0.9;
                li{
                    width: 233px;
                    height: 49px;
                    line-height: 49px;
                    background: #302A36;
                    border-bottom: 1px solid #515151;
                    &:hover{
                        background: #DD2726;
                        i{
                           margin-left:43px; 
                        }
                    }
                    i{
                        margin-top: 5px;
                        margin-left: 40px;
                        float: left;
                    }
                    a{
                        display: block;
                        color: white;
                        font-weight: normal;
                        text-align: center;
                        float: left;
                    }
                    span{
                        margin-left: 60px;
                        color: white;
                        float: left;
                    }
                }
            }
        }
        .menu{
            margin-left: 270px;
            width: 900px;
            float: left;
            .menu_first_li{
                color: #DD2726;
            }
            li{
                width: 100px;
                height: 44px;
                a{
                    line-height: 44px;
                    color: #333333;
                    padding: 0 16px;
                    &:hover{
                        color: #dd2726;
                    }
                }
                em{
                    color: #ccc;
                    font-size: 16px;
                    font-style: normal;
                }
            }
        }
    }
}
//导航 end

//轮播部分开始
#slide{
    width: 100%;
    height: 400px;
    .img{
        width: 1920px;
        height: 400px;
        margin: 0 auto;
        background: url(../images/slide_1458639047437.jpg) no-repeat;
    }
}
//轮播部分结束

//最新动态部分开始
#news{
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #DDDDDD;
    .newsin{
        width: 1210px;
        height: 44px;
        margin: 0 auto;
        span{
            display: block;
            width: 155px;
            height: 19px;
            margin-top: 10px;
            float: left;
            i{
                display: block;
                width: 30px;
                height: 18px;
                background: url(../images/icon_index.png) -40px 0 no-repeat;
                float: left;
            }
            a{
                margin-left: 20px;
                color: #555555;
                font-size: 14px;
            }
        }
        
    }
}
//最新动态部分结束

//最新揭晓部分开始
#hotNews{
    width: 1210px;
    height: 377px;
    margin: 0 auto;
    h2{
        width: 1210px;
        height: 69px;
        font-weight: normal;
        font-style: normal;
        a{
            display: block;
            font-size: 20px;
            color: #555555;
            float: left;
            margin-top: 30px;
        }
        span{
            display: block;
            width: 230px;
            height: 22px;
            float: left;
            background: url(../images/icon_index.png) -65px 0 no-repeat;
            margin-left: 10px;
            margin-top: 35px;
        }
        .more{
            display: block;
            width: 44px;
            height: 54px;
            float: right;
            em{
                display: block;
                width: 35px;
                height: 35px;
                border: 1px solid #D1D1D1;
                border-radius: 50%;
                color: #999999;
                text-align: center;
                line-height: 35px;
                font-size: 12px;
                font-style: normal;
                margin-top: -5px;
            }
        }
    }
    .now{
        width: 1211px;
        height: 308px;
        border: 1px solid #DD2726;
        ul{
            width: 1212px;
            height: 306px;
            li{
                border-right: 1px solid #DD2726;
                box-shadow: 1px 3px 3px #ccc;
                position: relative;
                z-index: 1;
                width: 241px;
                height: 308px;
                border-right: 1px solid #dd2726;
                dl{
                    width: 201px;
                    height: 295px;
                    margin: 0 auto;
                    .nowName{
                        width: 202px;
                        height: 41px;
                        margin-top: -8px;
                        a{
                            display: block;
                            width: auto;
                            height: 18px;
                            color: #333;
                            font-size: 13px;
                            font-weight: 700;
                            overflow: hidden;
                            margin-top: 10px;
                            &:hover{
                                color: #DD2726;
                            }
                        }
                    }
                    .nowPrice{
                        width: 204px;
                        height: 20px;
                        color: #999;
                        font-size: 13px;
                        line-height: 20px;
                        text-align: left;
                        margin-top: -10px;
                    }
                }
                strong{
                    position: absolute;
                    width: 73px;
                    height: 75px;
                    display: block;
                    background:url(../images/icon_index.png) -46px -51px no-repeat;
                    left: 0;top: 0;
                }
            }
            .nowLastLi{
                border: none;
                margin-top: -14px;
            }
        }
    }
}
//最新揭晓部分结束

//楼层部分开始
#floorAll{
    width: 1210px;
    height: auto;
    margin: 0 auto;
    .floor{
        width: 1210px;
        height: 491px;
        h2{
            width: 1210px;
            height: 69px;
            position: relative;
            i{
                display: inline-block;
                width: 32px;
                height: 25px;
                text-align: left;
                line-height: 25px;
                padding-left: 3px;
                font-weight: normal;
                font-style: normal;
                font-size: 14px;
                color: #fff;
                background: url(../images/icon_index.png) -45px -25px no-repeat;
                float: left;
                margin-top: 32px;
            }
            a{
                display: block;
                font-size: 20px;
                color: #333;
                font-weight: normal;
                margin-top: 30px;
                margin-left: 15px;
                float: left;
            }
            .more{
                position: absolute;
                width: 44px;
                height: 54px;
                color: #999999;
                left: 1150px;
                top: -8px;
                em{
                    display: block;
                    text-align: center;
                    line-height: 35px;
                    font-size: 12px;
                    font-style: normal;
                    width: 35px;
                    height: 35px;
                    border: 1px solid #CECECE;
                    border-radius: 50%;
                    &:hover{
                        border: 1px solid red;
                        z-index: 10;
                    }
                }
            }
        }
        .floorin{
            width: 1210px;
            height: 422px;
            border-top: 2px solid #000000;
            ul{
                width: 1211px;
                height: 420px;
                margin-left: 1px;
                .floorin_li{
                    width: 301px;
                    height: 419px;
                    border: 1px solid #DDDDDD;
                    margin-left: -1px;
                    &:hover{
                        border: 1px solid red;
                        z-index: 10px;
                    }
                    .f_img{
                        width: 200px;
                        height: 200px;
                        margin: 0 auto;
                        margin-top: 10px;
                    }
                    .f_name{
                        display: block;
                        width: 264px;
                        height: 18px;
                        margin: 0 auto;
                        overflow: hidden;
                        white-space: nowrap;
                        font-size: 13px;
                        color: #333333;
                        margin-top: 10px;
                        &:hover{
                            color: #DD2726;
                            text-decoration: underline;
                        }
                    }
                    b{
                        display: block;
                        width: 265px;
                        height: 17px;
                        font-weight: 100;
                        font-size: 12px;
                        color: #999;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin: 0 auto;
                        margin-top: 10px;
                    }
                    .f_line{
                        width: 245px;
                        height: 6px;
                        background: #EEEEEE;
                        margin: 0 auto;
                        margin-top: 17px;
                        span{
                            display: block;
                            height: 6px;
                            background: #DD2726;
                        }
                    }
                    .f_number{
                        width: 265px;
                        height: 52px;
                        margin: 0 auto;
                        margin-top: 10px;
                        .li_top{
                            width: 86px;
                            height: 19px;
                            color: #333;
                            text-align: center;
                            font-size: 14px;
                            border: none;
                        }
                        .li_bottom{
                            width: 86px;
                            height: 17px;
                            text-align: center;
                            color: #999;
                            font-size: 12px;
                            margin-top: 5px;
                            border: none;
                        }
                    }
                    .f_rob{
                        width: 265px;
                        height: 40px;
                        margin: 0 auto;
                        margin-top: 10px;
                        .rob_slip1{
                            width: 170px;
                            height: 40px;
                            font-size: 16px;
                            color: #fff;
                            text-align: center;
                            line-height: 40px;
                            background: #dd2726;
                            margin-left: 15px;
                            display: block;
                            float: left;
                            &:hover{
                                background: #C40000;
                            }
                        }
                        .rob_slip2{
                            width: 45px;
                            height: 45px;
                            display: block;
                            float: left;
                            background: url(../images/index_btn.png) no-repeat;
                            margin-top: -2px;
                            margin-left: 15px;
                        }
                    }
                }
                .flootin_last_li{
                    border:block;
                }
            }
        }
    }
    .floor9{
        width: 1210px;
        height: 639px;
        h2{
            
            width: 1210px;
            height: 69px;
            position: relative;
            i{
                display: inline-block;
                width: 32px;
                height: 25px;
                text-align: left;
                line-height: 25px;
                padding-left: 3px;
                font-weight: normal;
                font-style: normal;
                font-size: 14px;
                color: #fff;
                background: url(../images/icon_index.png) -45px -25px no-repeat;
                float: left;
                margin-top: 32px;
            }
            a{
                display: block;
                font-size: 20px;
                color: #333;
                font-weight: normal;
                margin-top: 30px;
                margin-left: 15px;
                float: left;
            }
            .more{
                position: absolute;
                width: 44px;
                height: 54px;
                color: #999999;
                left: 1150px;
                top: -8px;
                em{
                    display: block;
                    text-align: center;
                    line-height: 35px;
                    font-size: 12px;
                    font-style: normal;
                    width: 35px;
                    height: 35px;
                    border: 1px solid #CECECE;
                    border-radius: 50%;
                    &:hover{
                        border: 1px solid red;
                    }
                }
            }

        }
        .floor9In{
            width: 1210px;
            height: 585px;
            border-top: 2px solid #000000;
            ul{
                width: 1210px;
                height: 585px;
                border-top: 1px solid #DDDDDD;
                .floor9In_li{
                    width: 301px;
                    height: 292px;
                    border: 1px solid #DDDDDD;
                    margin-left: -1px;
                    margin-top: -1px;
                    position: relative;
                    &:hover{
                        border: 1px solid #DD2726;
                        z-index: 10;
                    }
                    .f9_img{
                        width: 200px;
                        height: 200px;
                        margin: 0 auto;
                        margin-top: 10px;
                        a{
                            display: block;
                            width: 200px;
                            height: 200px;
                        }
                    }
                    .f9_name{
                        width: 264px;
                        height: 18px;
                        overflow: hidden;
                        text-align: center;
                        display: block;
                        margin: 0 auto;
                        margin-top: 7px;
                        font-size: 13px;
                        color: #333333;
                        &:hover{
                            color: #E22726;
                            text-decoration: underline;
                        }
                    }
                    b{
                        display: block;
                        width: 265px;
                        height: 17px;
                        text-align: center;
                        font-size: 12px;
                        font-weight: normal;
                        color: #999;
                        margin: 0 auto;
                        margin-top: 10px;
                    }
                }
            }
        }
    }
}
//楼层部分结束

//F10云购社区部分开始
#floor10{
    width: 1210px;
    height: 527px;
    margin: 0 auto;
    margin-top: 30px;
    h2{
        
            
            width: 1210px;
            height: 69px;
            position: relative;
            i{
                display: inline-block;
                width: 32px;
                height: 25px;
                text-align: left;
                line-height: 25px;
                padding-left: 3px;
                font-weight: normal;
                font-style: normal;
                font-size: 14px;
                color: #fff;
                background: url(../images/icon_index.png) -45px -25px no-repeat;
                float: left;
                margin-top: 32px;
            }
            a{
                display: block;
                font-size: 20px;
                color: #333;
                font-weight: normal;
                margin-top: 30px;
                margin-left: 15px;
                float: left;
            }
            span{
                display: block;
                width: 1070px;
                height: 8px;
                float: left;
                margin-left: 8;
                margin-top: 40px;
                background: url(../images/bj8.jpg) repeat-x;
            }
        
    }
    .floor10In{
        width: 1210px;
        height: 460px;
        border: 1px solid #dfdfdf;
        .floor10In_left{
            width: 368px;
            height: 437px;
            float: left;
            margin-left: 35px;
            h4{
                width: 353px;
                height: 51px;
                border-bottom: 1px solid #ebebeb;
                margin-left: 2px;
                a{
                    display: block;
                    float: left;
                    width: 72px;
                    height: 50px;
                    font-size: 18px;
                    color: #333;
                    font-weight: normal;
                    font-style: normal;
                    line-height: 50px;
                }
                .yMoreas{
                    display: block;
                    float: right;
                    width: 44px;
                    height: 50px;
                    color: #999999;
                    font-weight: normal;
                    em{
                        display: block;
                        text-align: center;
                        line-height: 35px;
                        font-size: 12px;
                        font-style: normal;
                        width: 35px;
                        height: 35px;
                        border: 1px solid #CECECE;
                        border-radius: 50%;
                        margin-top: 7px;
                        margin-left: 5px;
                        &:hover{
                            border: 1px solid red;
                        }
                    }
                }
            }
            .news_loading{
                width: 368px;
                height: 376px;
                margin-top: 10px;
                ul{
                    width: 368px;
                    height: 376px;
                    li{
                        width: 338px;
                        height: 94px;
                        .yCon8Calendar{
                            width: 77px;
                            height: 68px;
                            float: left;
                            margin-top: 10px;
                            background: url(../images/bj_time.jpg) no-repeat;
                            
                                text-align: center;
                            b{
                                font-size: 22px;
                                color: #656565;
                                line-height: 40px;
                                font-weight: normal;
                            }
                            span{
                                font-size: 14px;
                                color: #000;
                            }
                        }
                        .yCon8Li1a{
                            width: 251px;
                            height: 91px;
                            float: left;
                            margin-left: 5px;
                            border-bottom: 1px dotted #e3e3e3;
                            a{
                                display: block;
                                width: 200px;
                                height: 40px;
                                line-height: 34px;
                                padding: 5px 0 0 0;
                                clear: both;
                                margin-left: 9px;
                                border-bottom: 0;
                                color: #000;
                                font-size: 14px;
                                text-align: center;
                                margin-top: 10px;
                               
                                span{
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                    width: 200px;
                                    height: 40px;
                                    color: #000;
                                    font-size: 14px;
                                    &:hover{
                                        color: red;
                                        text-decoration: underline;
                                    }
                                }
                            }
                            span{
                                overflow: hidden;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                font-size: 12px;
                                color: #666;
                                display: block;
                                width: 242px;
                                margin-left: 9px;
                                height: 17px;
                            }
                        }
                    }
                }
            }
        }
        .floor10In_right{
            width: 771px;
            height: 462px;
            float: right;
            h4{
                width: 740px;
                height: 50px;
                margin-left: 2px;
                a{
                    display: block;
                    float: left;
                    width: 72px;
                    height: 50px;
                    font-size: 18px;
                    color: #333;
                    font-weight: normal;
                    font-style: normal;
                    line-height: 50px;
                }
                .yMoreas{
                    display: block;
                    float: right;
                    width: 44px;
                    height: 50px;
                    color: #999999;
                    font-weight: normal;
                    em{
                        display: block;
                        text-align: center;
                        line-height: 35px;
                        font-size: 12px;
                        font-style: normal;
                        width: 35px;
                        height: 35px;
                        border: 1px solid #CECECE;
                        border-radius: 50%;
                        margin-top: 7px;
                        margin-left: 5px;
                        &:hover{
                            border: 1px solid red;
                        }
                    }
                }
            }
            .floor10In_right_bottom{
                width: 772px;
                height: 412px;
                ul{
                    li{
                        width: 256px;
                        height: 204px;
                        border: 1px solid #dfdfdf;
                        margin-left: -1px;
                        margin-top: -1px;
                        .hover{
                            width: 254px;
                            height: 202px;
                            border: 1px solid white;
                            &:hover{
                                border: 1px solid #dfdfdf;
                            }
                            .List2Imga{
                                width: 220px;
                                height: 147px;
                                display: block;
                                margin: 0 auto;
                                margin-top: 10px;
                            }
                            .List2ImgRight{
                                width: 220px;
                                height: 46px;
                                margin: 0 auto;
                                text-align: center;
                                line-height: 46px;
                                p{
                                    a{
                                        color: #555;
                                        font-size: 14px;
                                        display: block;
                                        width: auto;
                                        height: 46px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
//F10云购社区部分结束

//最底层部分开始
#foot{
    width: 100%;
    height: 569px;
    .footIn{
        width: 1210px;
        height: 149px;
        border: 1px solid white;
        margin: 0 auto;
        margin-top: 5px;
        li{
            width: 287px;
            height: 120px;
            margin-left: 10px;
            margin-top: 15px;
        }
    }
    .footSupport{
        width: 100%;
        height: 263px;
        margin: 0 auto;
        background: #48464A;
        padding-top: 50px;
        .footSupport_in{
            width: 1210px;
            height: 190px;
            border-bottom: 1px solid #626262;
            margin: 0 auto;
            .footSupport_in_left{
                width: 600px;
                height: 127px;
                margin-left: 10px;
                float: left;
                dl{
                    float: left;
                    width: 146px;
                    height: 127px;
                    background: url(../images/foot.jpg) no-repeat;
                    dt{
                        color: #d8d8d8;
                        font-size: 16px;
                        margin-top: 5px;
                        text-align: center;
                    }
                    dd{
                        text-align: center;
                        margin-top: 10px;
                        a{
                            text-align: center;
                            font-weight: normal;
                            font-style: normal;
                            font-size: 14px;
                            color: #a0a0a0;
                            &:hover{
                                color: #E6E6E6;
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
            .foot_time{
                width: 272px;
                height: 127px;
                background: url(../images/foot.jpg) no-repeat;
                float: left;
                dd{
                    color: #f3f3f3;
                    font-size: 20px;
                    font-family: "HelveticaNeueLt","Microsoft YaHei","SimHei";
                    height: 32px;
                    line-height: 32px;
                    padding-left: 31px;
                    margin: 10px auto;
                    margin-left: 40px;
                }
            }
            .foot_last{
                width: 278px;
                height: 120px;
                background: url(../images/foot1.png) 0 20px no-repeat;
                float: left;
                a{
                    display: block;
                    width: 49px;
                    height: 49px;
                    float: left;
                    margin-top: 65px;
                    margin-left: 16px;
                }
                    .dlLast-WeChat{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) -128px -33px no-repeat;
                        &:hover{
                            background: url(../images/new-icon.png) -128px -82px no-repeat;
                        }
                    }
                    .dlLast-Sina{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) -194px -33px no-repeat;
                       &:hover{
                            background: url(../images/new-icon.png) -194px -82px no-repeat;
                        }
                    }
                    .dlLast-apple{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) -65px -33px no-repeat;
                        &:hover{
                            background: url(../images/new-icon.png) -65px -82px no-repeat;
                        }
                    }
                    .dlLast-Android{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) 0 -33px no-repeat;
                        &:hover{
                            background: url(../images/new-icon.png) 0 -82px no-repeat;
                        }
                    }
            }
        }
        .footer-time-list{
            width: 1210px;
            height: 73px;
            margin: 0 auto;
            .yFootBottomLeft{
                width: 538px;
                height: 72px;
                line-height: 72px;
                color: #8f8f8f;
                font-size: 14px;
                float: left;
            }
            .yFootBottomRight{
                width: 670px;
                height: 54px;
                float: left;
                margin-top: 8px;
                a{
                    display: block;
                    margin-top: 10px;
                    float: left;
                    margin-left: 5px;
                    img{
                        width: 88px;
                        height: 33px;
                    }
                }
            }
        }
    }
    .footBottom{
        width: 100%;
        height: 62px;
        background: #373638;
        .footBottomInFriend{
            width: 1210px;
            height: 62px;
            margin: 0 auto;
            text-align: center;
            line-height: 62px;
            p{
                color: #8f8f8f;
                font-size: 14px;
                a{
                    color: #8f8f8f;
                    font-size: 14px;
                    margin-left: 10px;
                }
            }
        }
    }
}
//最底层部分结束

